<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE HTML>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + "/" + path;
%>


<html>
<head>

    <base href="<%=basePath%>">

    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" method="post"
          action="${customer!=null ?'customer/update.do':'customer/insert.do'}"
          id="customerForm">
        <%--修改id--%>
        <input type="hidden" name="customerId" value="${customer.customerId}">

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>姓名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${customer.customerName}" placeholder="请输入姓名"
                       id="customerName"
                       name="customerName">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机号码：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${customer.phone}" placeholder="请输入手机号码" id="phone"
                       name="phone">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>邮箱：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${customer.email}" placeholder="请输入邮箱" id="email"
                       name="email">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>地址：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${customer.address}" placeholder="请输入地址" id="address"
                       name="address">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <div class="radio-box">
                    <input name="gender" type="radio" ${customer.gender eq 1 ?'checked':''} value="1" id="menu-1"
                           checked>
                    <label for="menu-1">男</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="menu-2" name="gender" ${customer.gender eq 2 ?'checked':''} value="2">
                    <label for="menu-2">女</label>
                </div>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>身份证：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${customer.idCard}" placeholder="请输入身份证" id="idCard"
                       name="idCard">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">业务员：</label>
            <div class="formControls col-xs-8 col-sm-9">

                <%--判断当前是业务员的操作--%>
                <shiro:hasRole name="业务员">
                    <shiro:principal property="realname"/>
                    <input type="hidden" name="userId" value='<shiro:principal property="userId"/>'>
                </shiro:hasRole>


                <%--当前不是业务员执行操作--%>
                <shiro:lacksRole name="业务员">
            <span class="select-box" style="width:150px;">
			<select class="select" name="userId" size="1">
				<option value="">请选择</option>
                <c:forEach var="user" items="${users}">
                    <option ${customer.userId eq user.userId  ? 'selected':''}
                            value="${user.userId}">${user.realname}
                    </option>
                </c:forEach>
			</select>

            </span>
                </shiro:lacksRole>

            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">客户区间：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
			<select class="select" name="baseId" size="1">
				<option value="">请选择</option>
                <c:forEach var="section" items="${sections}">
                    <option ${customer.baseId eq section.baseId ? 'selected':''}
                            value="${section.baseId}">${section.baseName}</option>
                </c:forEach>
			</select>
			</span></div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户描述：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea name="remark" cols="" rows="" class="textarea" dragonfly="true">
                    ${customer.remark}
                </textarea>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>


<script type="text/javascript">
    /*Form进行表单验证*/
    $(function () {
        $("#customerForm").validate({

            submitHandler: function (form) {

                $(form).ajaxSubmit(function (data) {

                    layer.msg(data.msg, {icon: data.code, time: 1500}, function () {
                        if (data.code == 1) {

                            //刷新父页面的boostrap-Table表格
                            parent.refreshTable();

                            //让父页面关闭弹框
                            parent.layer.closeAll();
                        }
                    })

                });

            }

        });
    });


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
